{% load bootstrap3 %}
{% load staticfiles %}

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>注册</title>
    <link rel="icon" type="image/png" href="static/qa/icon.ico">
    <script src="https://cdn.bootcss.com/jquery/2.0.3/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <style>
      body {
        background-image: url('{% static 'qa/jian4.jpg' %}');
        background-repeat: inherit;
        background-size: 100%;
      }

    </style>
</head>
<body>
  <div class="container">
  {% if registered %}
  <strong>注册成功!</strong>
  <a href="{% url 'login' %}">现在去登录!</a><br />
  {% else %}
  <h2>欢迎 加入!</h2><br /><br />

  <form id="user_form" class="form" method="post" action="/register/"
  enctype="multipart/form-data">

  {% csrf_token %}
  {% bootstrap_form user_form %}
  <!-- Display each form. The as_p method wraps each element in a paragraph
  (<p>) element. This ensures each element appears on a new line,
  making everything look neater. -->

    {% buttons %}
        <button type="submit" class="btn btn-primary">
            {% bootstrap_icon "star" %} 提 交
        </button>
    {% endbuttons %}
  </form>
  {% endif %}
  </div>
</body>
</html>
